<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的课题</title>
		<meta name="renderer" content="webkit">
		<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
		<link rel="stylesheet" type="text/css" href="../commonCss/common.css" />
		<link rel="stylesheet" type="text/css" href="myDomain.css" />
	</head>
	<script id="domainTpl" type="text/html">
		<tr>

			<td>{{d.secondCategoryName}}</td>
			<td>{{d.thirdCategoryName}}</td>

			<td class="td-manage">

				<a title="编辑"  class="editDomain" data-id="{{d.id}}" href="javascript:;">
					<i class="layui-icon" data-id="{{d.id}}">&#xe642;</i>
				</a>

				<a title="删除" class="deleteDomain" data-id="{{d.id}}" href="javascript:;">
					<i class="layui-icon" data-id="{{d.id}}">&#xe640;</i>
				</a>
			</td>
		</tr>
	</script>

	<body class="page_h5">
	<!-- <div class="personalInfo_h5">个人情况页面</div> -->
	<div class="page_header">
		<span>基本信息</span>
		<span class="line">/</span>
		<span>研究领域</span>
	</div>
	<div class="page_h5 myTopic_h5">
		<div class="layui-row layui-col-space15">
			<div class="layui-col-md12">
				<div class="layui-card">

					<div class="layui-card-header">
						<button class="layui-btn layui-btn-normal add_btn"><i class="layui-icon"></i>领域</button>
					</div>
					<div class="layui-card-body layui-table-body layui-table-main">
						<table class="layui-table layui-form">
							<thead>
							<tr>

								<th>主领域</th>
								<th>子领域</th>
								<th>操作</th></tr>
							</thead>
							<tbody class="domainList">


							</tbody>
						</table>
					</div>

				</div>
			</div>
		</div>
	</div>
	<div class="modal JR_hide" id="myModal">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close">×</button>
					<h4 class="modal-title">新增/编辑领域</h4>
				</div>

				<div class="modal-body">
					<form class="layui-form" action="" id="addNewDomainForm">
						<input type="hidden" class="save_val" name="id" value="" />


						<div class="layui-form-item">
							<label class="layui-form-label" style="width: 120px;">主领域</label>
							<div class="layui-input-inline" style="width: 300px;">
								<select   name="secondCategory"  class="secondCategory save_val" lay-verify="required" lay-filter="secondCategory">

								</select>
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label" style="width: 120px;">子领域</label>
							<div class="layui-input-inline" style="width: 300px;">
								<select   name="thirdCategory" class="thirdCategory save_val " lay-verify="required" lay-filter="thirdCategory">

								</select>
							</div>

						</div>

					</form>
				</div>

				<div class="modal-footer">
					<div class="layui-btn layui-btn-primary" id="cancelAddNewDomain">取消</div>
					<div class="layui-btn layui-btn-normal" id="submitNewDomain">提交</div>
				</div>
			</div>
		</div>
	</div>
	</body>
		<script src="../commonJs/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="myDomain.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>
